.myOrder {
    min-height: 100vh;
    overflow: hidden;
    background: #f8f8f8;
}

.card {
    width: 698rpx;
    background: #FFFFFF;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 0 24rpx;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 24rpx;
}

.card_head {
    height: 94rpx;
    border-bottom: 2rpx solid #F8F8F8;

    &_l {
        font-weight: 600;
        font-size: 30rpx;
        color: #222222;
    }

    &_r {
        font-size: 28rpx;
    }
}

.card_foot {
    height: 118rpx;
    border-top: 2rpx solid #F8F8F8;

    .btn {
        width: 290rpx;
        height: 70rpx;
        background: #FFFFFF;
        border-radius: 35rpx 35rpx 35rpx 35rpx;
        border: 2rpx solid #FE6E04;
        font-weight: 400;
        font-size: 30rpx;
        color: #FE6E04;
    }
}

.card_content {
    padding: 28rpx 24rpx 24rpx 24rpx;

    .card_content_title {
        font-weight: 700;
        font-size: 28rpx;
        color: #222222;
    }
}

.row {
    width: 100%;
    height: 46rpx;
    font-size: 28rpx;

    .img {
        width: 28rpx;
        height: 100%;
        margin-right: 20rpx;

        image {
            width: 28rpx;
            height: 28rpx;
        }
    }
}

.step {
    width: 100%;

    .step_des {
        height: 48rpx;
        line-height: 48rpx;
        display: flex;
        align-items: center;

        &_icon {
            width: 48rpx;
            height: 48rpx;
            border-radius: 50%;

            image {
                width: 48rpx;
                height: 48rpx;
            }
        }

        &_des {
            margin-left: 24rpx;
            font-size: 28rpx;
            color: #222222;
            font-weight: 700;
        }

        &_time {
            margin-left: 24rpx;
            font-size: 24rpx;
            color: #888888;
        }
    }

    .step_content {
        border-left: 2rpx solid #DDDDDD;
        padding: 12rpx 24rpx;
        box-sizing: border-box;
        margin: 6rpx 0 2rpx 23rpx;
        font-size: 28rpx;
        color: #555555;
        padding-bottom: 32rpx;
    }

    .step_content_active {
        border-left: 2rpx solid #FE6E04 !important;
    }
}

.step:nth-last-child(1) {
    .step_content {
        border: none;
    }
}

.bottom_btn {
    width: 750rpx;
    height: 198rpx;
    background: #ffffff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;

    .btn {
        width: 650rpx;
        height: 80rpx;
        background: #FE6E04;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        font-weight: 700;
        font-size: 32rpx;
        color: #FFFFFF;
        margin: 0 auto;
        margin-top: 36rpx;
    }
}
.describe{
    font-size: 24rpx;
    color: #888888;
  }
  

.mt8 {
    margin-top: 8rpx;
}

.border {
    border: 2rpx solid #DDDDDD;
    box-sizing: border-box;
}